<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
  xmlns="http://www.w3.org/1999/xhtml"
  xml:lang="en"
  lang="en"
  style="
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  "
>
  <head>
    <title>Stylesheet Gallery</title>
    <meta http-equiv="X-UA-Compatible" content="chrome=1;IE=edge" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link type="text/css" rel="stylesheet" href="style.css" />
    <link type="text/css" rel="stylesheet" href="../global.css" />
    <style>
      html,
      body {
        width: 1200px !important;
        height: 800px !important;
        overflow: hidden !important;
      }
    </style>
  </head>

  <body
    id="user"
    style="
      overflow: hidden !important;
      margin: 0 !important;
      padding: 0 !important;
      position: absolute !important;
    "
  >
    <div id="wrapper">
      <h1 class="hidden">Gazelle</h1>
      <div id="header">
        <div id="logo"><a href="#"></a></div>
        <div id="userinfo">
          <ul id="userinfo_username">
            <li id="nav_userinfo"><a href="#" class="username">Gazelle</a></li>
            <li id="nav_useredit" class="brackets"><a href="#">Edit</a></li>
            <li id="nav_logout" class="brackets"><a href="#">Logout</a></li>
          </ul>
          <ul id="userinfo_major">
            <li id="nav_upload" class="brackets"><a href="#">Upload</a></li>
            <li id="nav_invite" class="brackets"><a href="#">Invite (6)</a></li>
            <li id="nav_donate" class="brackets"><a href="#">Donate</a></li>
          </ul>
          <ul id="userinfo_stats">
            <li id="stats_seeding">
              <a href="#">Up</a>:
              <span class="stat" data-tooltip="300.00000 MB">300.00 MB</span>
            </li>
            <li id="stats_leeching">
              <a href="#">Down</a>:
              <span class="stat" data-tooltip="10.00000 B">0.00 B</span>
            </li>
            <li id="stats_ratio">
              Ratio:
              <span class="stat"
                ><span class="u-colorRatio99" data-tooltip="30">30</span></span
              >
            </li>
            <li id="stats_required">
              <a href="#">Required</a>:
              <span class="stat" data-tooltip="0.00000">0.00</span>
            </li>
          </ul>

          <ul id="userinfo_minor">
            <li id="nav_inbox"><a href="#">Inbox</a></li>
            <li id="nav_staffinbox"><a href="#">Staff Inbox</a></li>
            <li id="nav_uploaded"><a href="#">Uploads</a></li>
            <li id="nav_bookmarks"><a href="#">Bookmarks</a></li>
            <li id="nav_notifications"><a href="#">Notifications</a></li>
            <li id="nav_subscriptions"><a href="#">Subscriptions</a></li>
            <li id="nav_comments"><a href="#">Comments</a></li>
            <li id="nav_friends"><a href="#">Friends</a></li>
            <li id="nav_better"><a href="#">Better</a></li>
          </ul>
        </div>
        <div id="menu">
          <h4 class="hidden">Site Menu</h4>
          <ul>
            <li id="nav_index"><a href="#">Home</a></li>
            <li id="nav_torrents"><a href="#">Torrents</a></li>
            <li id="nav_collages"><a href="#">Collages</a></li>
            <li id="nav_requests"><a href="#">Requests</a></li>
            <li id="nav_forums"><a href="#">Forums</a></li>
            <li id="nav_irc"><a href="#">IRC</a></li>
            <li id="nav_top10"><a href="#">Top 10</a></li>
            <li id="nav_rules"><a href="#">Rules</a></li>
            <li id="nav_wiki"><a href="#">Wiki</a></li>
            <li id="nav_staff"><a href="#">Staff</a></li>
          </ul>
        </div>
        <div id="alerts">
          <div class="alertbar blend"><a href="#">New Announcement!</a></div>
        </div>
        <div id="searchbars">
          <ul>
            <li id="searchbar_torrents">
              <span class="hidden">Torrents: </span>
              <form class="search_form" name="torrents" action="" method="get">
                <input
                  id="torrentssearch"
                  accesskey="t"
                  spellcheck="false"
                  placeholder="Torrents"
                  type="text"
                  name="searchstr"
                  size="17"
                />
              </form>
            </li>
            <li id="searchbar_artists">
              <span class="hidden">Artist: </span>
              <form class="search_form" name="artists" action="" method="get">
                <script
                  type="text/javascript"
                  src="static/functions/autocomplete.js?v=1362029969"
                ></script>
                <input
                  id="artistsearch"
                  accesskey="a"
                  placeholder="Artists"
                  type="text"
                  name="artistname"
                  size="17"
                />
                <ul id="artistcomplete" style="visibility: hidden">
                  <li />
                </ul>
              </form>
            </li>
            <li id="searchbar_requests">
              <span class="hidden">Requests: </span>
              <form class="search_form" name="requests" action="" method="get">
                <input
                  id="requestssearch"
                  accesskey="r"
                  placeholder="Requests"
                  type="text"
                  name="search"
                  size="17"
                />
              </form>
            </li>
            <li id="searchbar_forums">
              <span class="hidden">Forums: </span>
              <form class="search_form" name="forums" action="" method="get">
                <input value="search" type="hidden" name="action" />
                <input
                  id="forumssearch"
                  accesskey="f"
                  placeholder="Forums"
                  type="text"
                  name="search"
                  size="17"
                />
              </form>
            </li>
            <li id="searchbar_log">
              <span class="hidden">Log: </span>
              <form class="search_form" name="log" action="" method="get">
                <input
                  id="logsearch"
                  accesskey="l"
                  placeholder="Log"
                  type="text"
                  name="search"
                  size="17"
                />
              </form>
            </li>
            <li id="searchbar_users">
              <span class="hidden">Users: </span>
              <form class="search_form" name="users" action="" method="get">
                <input type="hidden" name="action" value="search" />
                <input
                  id="userssearch"
                  accesskey="u"
                  placeholder="Users"
                  type="text"
                  name="search"
                  size="20"
                />
              </form>
            </li>
          </ul>
        </div>
      </div>
      <div id="content">
        <div class="LayoutBody">
          <h2>Forums</h2>
          <div class="forum_list">
            <h3>Site</h3>
            <table class="forum_index">
              <tbody>
                <tr class="colhead">
                  <td style="width: 2%"></td>
                  <td style="width: 25%">Forum</td>
                  <td>Last post</td>
                  <td style="width: 7%">Topics</td>
                  <td style="width: 7%">Posts</td>
                </tr>
                <tr class="rowb">
                  <td data-tooltip="Unread" class="unread"></td>
                  <td>
                    <h4 class="min_padding">
                      <a href="#">Announcements</a>
                    </h4>
                  </td>
                  <td>
                    <span class="last_topic" style="float: left">
                      <a data-tooltip="New Site Announcements" href="#"
                        >New Site Announcements</a
                      >
                    </span>
                    <span
                      data-tooltip="Jump to last read"
                      class="last_read"
                      style="float: left"
                    >
                      <a href="#"></a>
                    </span>
                    <span class="last_poster" style="float: right"
                      >by <a href="#">Ananke</a>
                      <span data-tooltip="Aug 14 1992, 18:35" class="time"
                        >Just now</span
                      ></span
                    >
                  </td>
                  <td>385</td>
                  <td>95,197</td>
                </tr>
                <tr class="rowa">
                  <td data-tooltip="Read" class="read"></td>
                  <td>
                    <h4 class="min_padding">
                      <a href="#">Gazelle</a>
                    </h4>
                  </td>
                  <td>
                    <span class="last_topic" style="float: left">
                      <a
                        data-tooltip="Dear Mortals, you have violated the rule..."
                        href="#"
                        >Dear Mortals, you have violated the rule...</a
                      >
                    </span>
                    <span class="last_poster" style="float: right"
                      >by <a href="#">Drone</a>
                      <span data-tooltip="Sep 9 1992, 10:55" class="time"
                        >3 mins ago</span
                      ></span
                    >
                  </td>
                  <td>2,624</td>
                  <td>110,432</td>
                </tr>
              </tbody>
            </table>
            <h3>Community</h3>
            <table class="forum_index">
              <tbody>
                <tr class="colhead">
                  <td style="width: 2%"></td>
                  <td style="width: 25%">Forum</td>
                  <td>Last post</td>
                  <td style="width: 7%">Topics</td>
                  <td style="width: 7%">Posts</td>
                </tr>
                <tr class="rowb">
                  <td data-tooltip="Unread" class="unread"></td>
                  <td>
                    <h4 class="min_padding">
                      <a href="#">The Lounge</a>
                    </h4>
                  </td>
                  <td>
                    <span class="last_topic" style="float: left">
                      <a data-tooltip="Last stand against Drone?" href="#"
                        >Last stand against Drone?</a
                      >
                    </span>
                    <span
                      data-tooltip="Jump to last read"
                      class="last_read"
                      style="float: left"
                    >
                      <a href="#"></a>
                    </span>
                    <span class="last_poster" style="float: right"
                      >by <a href="#">Ajax</a>
                      <span class="time">Just now</span></span
                    >
                  </td>
                  <td>37,531</td>
                  <td>1,545,089</td>
                </tr>
                <tr class="rowa">
                  <td data-tooltip="Unread" class="unread"></td>
                  <td>
                    <h4 class="min_padding">
                      <a href="#">The Lounge +1</a>
                    </h4>
                  </td>
                  <td>
                    <span class="last_topic" style="float: left">
                      <a data-tooltip="No fun allowed" href="#"
                        >No fun allowed</a
                      >
                    </span>
                    <span class="last_poster" style="float: right"
                      >by <a href="#">Drone</a>
                      <span class="time">10 mins ago</span></span
                    >
                  </td>
                  <td>424</td>
                  <td>490,163</td>
                </tr>
                <tr class="rowb">
                  <td data-tooltip="Read" class="read"></td>
                  <td>
                    <h4 class="min_padding">
                      <a href="#">The Library</a>
                    </h4>
                  </td>
                  <td>
                    <span class="last_topic" style="float: left">
                      <a data-tooltip="List of forbidden literature" href="#"
                        >List of forbidden literature</a
                      >
                    </span>
                    <span class="last_poster" style="float: right"
                      >by <a href="#">Drone</a>
                      <span class="time">7 hours ago</span></span
                    >
                  </td>
                  <td>424</td>
                  <td>490,163</td>
                </tr>
                <tr class="rowa">
                  <td data-tooltip="Read" class="read"></td>
                  <td>
                    <h4 class="min_padding">
                      <a href="#">Concerts, Events & Meets</a>
                    </h4>
                  </td>
                  <td>
                    <span class="last_topic" style="float: left">
                      <a data-tooltip="[Region] The Void" href="#"
                        >[Region] The Void</a
                      >
                    </span>
                    <span class="last_poster" style="float: right"
                      >by <a href="#">Drone</a>
                      <span class="time">25 mins ago</span></span
                    >
                  </td>
                  <td>305</td>
                  <td>15,231</td>
                </tr>
                <tr class="rowb">
                  <td data-tooltip="Unread" class="unread"></td>
                  <td>
                    <h4 class="min_padding">
                      <a href="#">Technology</a>
                    </h4>
                  </td>
                  <td>
                    <span class="last_topic" style="float: left">
                      <a
                        data-tooltip="How did Drone take over the site?"
                        href="#"
                        >How did Drone take over the site?</a
                      >
                    </span>
                    <span
                      data-tooltip="Jump to last read"
                      class="last_read"
                      style="float: left"
                    >
                      <a href="#"></a>
                    </span>
                    <span class="last_poster" style="float: right"
                      >by <a href="#">Etheryte</a>
                      <span class="time">5 mins ago</span></span
                    >
                  </td>
                  <td>25,031</td>
                  <td>386,278</td>
                </tr>
              </tbody>
            </table>
            <h3>Movie</h3>
            <table class="forum_index">
              <tbody>
                <tr class="colhead">
                  <td style="width: 2%"></td>
                  <td style="width: 25%">Forum</td>
                  <td>Last post</td>
                  <td style="width: 7%">Topics</td>
                  <td style="width: 7%">Posts</td>
                </tr>
                <tr class="rowb">
                  <td data-tooltip="Unread" class="unread"></td>
                  <td>
                    <h4 class="min_padding">
                      <a href="#">Movie</a>
                    </h4>
                  </td>
                  <td>
                    <span class="last_topic" style="float: left">
                      <a
                        data-tooltip="Where did all the non-drone threads go?"
                        href="#"
                        >Where did all the non-drone threads go?</a
                      >
                    </span>
                    <span
                      data-tooltip="Jump to last read"
                      class="last_read"
                      style="float: left"
                    >
                      <a href="#"></a>
                    </span>
                    <span class="last_poster" style="float: right"
                      >by <a href="#">tuutiki</a>
                      <span class="time">1 min ago</span></span
                    >
                  </td>
                  <td>22,564</td>
                  <td>608,253</td>
                </tr>
                <tr class="rowa">
                  <td data-tooltip="Unread" class="unread"></td>
                  <td>
                    <h4 class="min_padding">
                      <a href="#"></a>
                    </h4>
                  </td>
                  <td>
                    <span class="last_topic" style="float: left">
                      <a data-tooltip="Spider" href="#">Spider</a>
                    </span>
                    <span class="last_poster" style="float: right"
                      >by <a href="#">Drone</a>
                      <span class="time">Just now</span></span
                    >
                  </td>
                  <td>3,948</td>
                  <td>24,269</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <div id="extra1"><span></span></div>
      <div id="extra2"><span></span></div>
      <div id="extra3"><span></span></div>
      <div id="extra4"><span></span></div>
      <div id="extra5"><span></span></div>
      <div id="extra6"><span></span></div>
    </div>
  </body>
</html>
